$(function() {
    // 点击去注册账号
    $('#link-reg').on('click', function() {
        $('.login-box').hide() //登录模块隐藏
        $('.reg-box').show() //注册模块显示
    })

    // 点击去登录
    $('#link-login').on('click', function() {
        $('.login-box').show() //登录模块显示
        $('.reg-box').hide() //注册模块隐藏
    })


    let form = layui.form
    let layer = layui.layer

    // 密码验证
    form.verify({
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'],
        repwd: function(value) {
            let pwd = $('.reg-box [name=password]').val()
            if (pwd !== value) return '两次密码输入不一致'
        }

    })

    // 侦听注册表单
    $('#form-reg').on('submit', function(e) {
        e.preventDefault()

        //收集数据
        let data = {
            username: $('#form-reg [name=username]').val(),
            password: $('#form-reg [name=password]').val()
        }
        $.post('http://api-breakingnews-web.itheima.net/api/reguser', data, function(res) {
            if (res.status !== 0) return layer.msg(res.message)

            layer.msg('注册成功,请登录') //提示框

            $('#link-login').click()
        })
    })

    //侦听登录表单
    $('#form-login').on('submit', function(e) {
        e.preventDefault()
        $.ajax({
            url: 'http://api-breakingnews-web.itheima.net/api/login',
            method: 'post',
            data: $(this).serialize(),
            success: function(res) {
                if (res.status !== 0) return layer.msg('登录失败')
                layer.msg('登录成功') //提示框

                // 将登录成功得到的 token 字符串，保存到 localStorage 中
                localStorage.setItem('token', res.token)

                // 跳转到后台主页
                location.href = '/index.html'
            }
        })

    })

})